@charset "UTF-8";
html {
  font-size: 13.896293333vw;
}

body {
  background-color: #f5f5f5;
}

/* header */
header {
  display: flex;
  width: 7.2rem;
  height: 0.83rem;
  background-color: #f2f2f2;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
  z-index: 100;
}
header .logo {
  width: 0.48rem;
  height: 0.31rem;
  display: flex;
}
header .logo img {
  width: 0.48rem;
  height: 0.31rem;
  margin-left: 0.23rem;
}
header form {
  display: flex;
  margin: auto;
  position: relative;
}
header form input[type=text] {
  width: 5.2rem;
  height: 0.63rem;
  outline: none;
  border: none;
  box-sizing: border-box;
  padding-left: 0.58rem;
  /* margin-right: .23rem; */
}
header form input[type=text]::-webkit-input-placeholder {
  color: #afbac1;
}
header form > img:nth-of-type(1) {
  width: 0.59rem;
  height: 0.59rem;
  position: absolute;
  transform: scale(0.7);
}
header a > img {
  width: 0.59rem;
  height: 0.59rem;
  transform: scale(0.7);
  position: relative;
  left: -0.19rem;
  top: -0.1rem;
}

/* nav */
nav {
  background-color: #f2f2f2;
  width: 7.2rem;
  height: 0.58rem;
  line-height: 0.58rem;
  position: -webkit-sticky;
  position: sticky;
  top: 42px;
  z-index: 15;
}
nav ul {
  display: flex;
  justify-content: space-evenly;
  position: relative;
}
nav ul li a {
  display: flex;
  font-size: 0.25rem;
  color: #898989;
}
nav ul li a:hover {
  color: #ed6917;
}
nav ul > li:nth-child(1) a {
  color: #ed6917;
  box-sizing: border-box;
  border-bottom: 0.04rem #ed6917 solid;
}
nav ul > li:nth-child(6) {
  display: flex;
}
nav ul > li:nth-child(6) > span {
  position: relative;
  top: 0rem;
  left: 0.38rem;
  z-index: 40;
  /* &:hover{
      +.drowdown-content{
          height: 2.49rem;
      }
  } */
}
nav ul > li:nth-child(6) .drowdown-content {
  width: 7.2rem;
  height: 0rem;
  background-color: #f2f2f2;
  box-sizing: border-box;
  padding: 0rem 0.25rem;
  position: absolute;
  z-index: 30;
  left: 0rem;
  top: 0rem;
  overflow: hidden;
  transition: all 1s;
}
nav ul > li:nth-child(6) .drowdown-content h1 {
  font-size: 0.27rem;
}
nav ul > li:nth-child(6) .drowdown-content .content {
  display: flex;
  flex-wrap: wrap;
  height: 1.59rem;
  justify-content: space-between;
  margin-top: 0.35rem;
}
nav ul > li:nth-child(6) .drowdown-content .content > a {
  font-size: 13px;
  display: inline-block;
  width: 1.48rem;
  height: 0.52rem;
  text-align: center;
  line-height: 0.52rem;
  background-color: #ffffff;
  border: 0.02rem solid #e6e6e6;
  border-radius: 0.1rem;
  color: #656565;
}
nav ul > li:nth-child(6) .drowdown-content .content > a:nth-child(1) {
  color: #fe8638;
  background-color: #fde0d5;
}
nav ul .drowdown:hover span {
  transform: rotateZ(180deg);
}
nav ul .drowdown:hover .drowdown-content {
  height: 2.49rem;
}

/* 轮播图 */
.slideshow {
  margin-top: 0.04rem;
}
.slideshow .container {
  width: 7.2rem;
  height: 3.6rem;
  overflow: hidden;
  position: relative;
}
.slideshow .container::after {
  content: "";
  display: block;
  width: 0.19rem;
  height: 0.19rem;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  left: 3.26rem;
  top: 3.26rem;
  -webkit-animation: small-circle 4s 1s steps(3, end) infinite;
          animation: small-circle 4s 1s steps(3, end) infinite;
}
.slideshow .container .circle {
  position: absolute;
  display: flex;
  top: 3.26rem;
  left: 3.26rem;
}
.slideshow .container .circle > div {
  width: 0.19rem;
  height: 0.19rem;
  border-radius: 50%;
  background-color: white;
  opacity: 0.5;
  margin-right: 0.1rem;
}
.slideshow .container .pic {
  display: flex;
  width: 21.59rem;
  position: absolute;
  -webkit-animation: slideshow 4s 1s steps(3, end) infinite;
          animation: slideshow 4s 1s steps(3, end) infinite;
}
.slideshow .container .pic img {
  width: 7.2rem;
  height: 3.6rem;
}

@-webkit-keyframes slideshow {
  from {
    left: 0rem;
  }
  to {
    left: -21.59rem;
  }
}

@keyframes slideshow {
  from {
    left: 0rem;
  }
  to {
    left: -21.59rem;
  }
}
@-webkit-keyframes small-circle {
  from {
    left: 3.26rem;
  }
  to {
    left: 4.13rem;
  }
}
@keyframes small-circle {
  from {
    left: 3.26rem;
  }
  to {
    left: 4.13rem;
  }
}
/* classify */
.classify {
  width: 7.2rem;
  height: 3.03rem;
  display: flex;
  flex-wrap: wrap;
}
.classify a {
  display: flex;
}
.classify a img {
  width: 1.44rem;
  height: 1.52rem;
}

/* 小米11 */
.xiaomi11 {
  width: 7.2rem;
  height: 5.07rem;
  display: flex;
  margin-top: 0.15rem;
}
.xiaomi11 > .left {
  display: flex;
}
.xiaomi11 > .left a img {
  width: 186px;
  height: 5.07rem;
}
.xiaomi11 > .right {
  display: flex;
  width: 3.57rem;
  flex-wrap: wrap;
}
.xiaomi11 > .right a {
  display: flex;
}
.xiaomi11 > .right a img {
  width: 3.57rem;
  height: 2.51rem;
}

/* 爆款 */
.hot {
  background-color: white;
  margin-top: 0.15rem;
}
.hot img {
  width: 375px;
  height: 229px;
}

/* 产品 */
.product .product-item {
  width: 7.2rem;
  height: 4.86rem;
  padding: 0rem 0.12rem;
  box-sizing: border-box;
  background-color: white;
  display: flex;
}
.product .product-item .product-item-small {
  width: 3.42rem;
  display: flex;
  flex-wrap: wrap;
}
.product .product-item .product-item-small > img {
  width: 3.43rem;
  height: 2.78rem;
}
.product .product-item .product-item-small .price {
  width: 3.42rem;
  height: 2.05rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.19rem;
}
.product .product-item .product-item-small .price h1 {
  font-size: 0.27rem;
  color: black;
  font-weight: 500;
  text-align: center;
}
.product .product-item .product-item-small .price h2 {
  font-size: 0.23rem;
  color: #b8a793;
  text-align: center;
}
.product .product-item .product-item-small .price h3 {
  font-size: 0.27rem;
  color: #ea625b;
  text-align: center;
}
.product .product-item .product-item-small .price h3 span:nth-child(1) {
  font-size: 0.23rem;
}
.product .product-item .product-item-small .price h3 span:nth-child(2) {
  font-size: 0.23rem;
}
.product .product-item .product-item-small .price > button {
  width: 2rem;
  height: 0.58rem;
  background-color: #ea625b;
  color: white;
  font-size: 0.23rem;
  border: none;
  border-radius: 0.1rem;
}

/* 回顶部 */
.return-top {
  position: -webkit-sticky;
  position: sticky;
  top: 9.59rem;
  left: 6.72rem;
  float: left;
}
.return-top img {
  width: 0.69rem;
  height: 0.69rem;
}

/* 更多手机 */
.more-phone {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  /* text-align: center; */
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  margin-top: 0.04rem;
  margin-bottom: -1.15rem;
}
.more-phone a {
  font-size: 0.27rem;
  color: #666668;
}

/* 电视 */
.tv {
  /* margin-top: -1.92rem; */
  width: 7.2rem;
  height: 4.39rem;
  display: flex;
}
.tv img {
  width: 7.2rem;
  height: 4.39rem;
}

.more-tv {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
}
.more-tv a {
  font-size: 0.27rem;
  color: #666668;
}

/* 笔记本 */
.notebook {
  margin-top: 0.15rem;
  width: 7.2rem;
  height: 4.39rem;
}
.notebook img {
  width: 7.2rem;
  height: 4.39rem;
}

.more-notebook {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
}
.more-notebook a {
  font-size: 0.27rem;
  color: #666668;
}

/* 家电 */
.electrical {
  margin-top: 0.15rem;
  width: 7.2rem;
  height: 4.39rem;
}
.electrical img {
  width: 7.2rem;
  height: 4.39rem;
}

.more-electrical {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
}
.more-electrical a {
  font-size: 0.27rem;
  color: #666668;
}

/* 智能 */
.intelligence {
  margin-top: 0.15rem;
  width: 7.2rem;
  height: 2.8rem;
}
.intelligence img {
  width: 7.2rem;
  height: 2.78rem;
}

.more-intelligence {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
}
.more-intelligence a {
  font-size: 0.27rem;
  color: #666668;
}

/* 产品分类 */
.product-classify {
  margin-top: 0.15rem;
}
.product-classify .product-classify-item {
  display: flex;
}
.product-classify .product-classify-item .item a {
  display: flex;
}
.product-classify .product-classify-item .item a img {
  width: 3.57rem;
  height: 4.8rem;
}

/* 以旧换新 */
.old-new {
  margin-top: 0.15rem;
}
.old-new img {
  width: 7.2rem;
  height: 2.78rem;
}

/* 底部导航 */
footer {
  width: 7.2rem;
  height: 1rem;
  display: flex;
  justify-content: space-evenly;
  background-color: #ffffff;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0rem;
}
footer .nav-bottom {
  width: 1.38rem;
  height: 0.75rem;
  display: flex;
  justify-content: center;
}
footer .nav-bottom a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .nav-bottom a img {
  width: 0.38rem;
  height: 0.38rem;
}
footer .nav-bottom a h1 {
  font-size: 0.23rem;
}
footer .nav-bottom:nth-child(1) a h1 {
  color: #ff7517;
}/*# sourceMappingURL=index.css.map */